body {
	font-family: 微软雅黑, 'Microsoft YaHei',Verdana, Helvetica, Arial;
	min-width:1180px;
	overflow: auto;
}
/*格式化样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote
	{
	margin: 0;
	padding: 0;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}

li,dl {
	list-style-type: none;
}

img {
	border: 0
}

ol,ul {
	list-style: none
}

dd,dt,label {
	font-weight: normal;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal
}

.fr{
	float: right!important;
}
.clr {
	clear:both;
}

.input2{ line-height:30px; height:30px; padding-left:5px; border:1px solid #ddd;font-family: Verdana, 微软雅黑, 'Microsoft YaHei', Helvetica, Arial;}
.pr5{ padding-right:5px;}
.pl5{ padding-left:5px;}

#tab{width:100%;position:relative;margin:0 auto;}
#tab .tab_menu{width:97%;float:left; padding-left:20px;}
#tab .tab_menu li{float:left;width:85px;height:60px;line-height:60px;border-bottom:0px;cursor:pointer;text-align:left;margin:0 2px 0 0; font-size:16px; font-weight:bold;}
#tab .tab_box{width:100%;clear:both;top:60px; }
#tab .tab_menu .selected{cursor:pointer; color:#FF0000; background-image:url(../images/tabg2.jpg);}
.hide{display:none;}

#tab1{width:590px;position:relative;margin:0 auto; margin-left:230px;}
#tab1 .tab1_menu{width:95%;float:left;position:absolute;z-index:1;height:60px;border-bottom:1px solid #CCCCCC; margin-left:15px;}
#tab1 .tab1_menu li{float:left;width:85px;height:60px;line-height:60px;border-bottom:0px;cursor:pointer;text-align:left;margin:0 2px 0 0; font-size:16px; font-weight:bold;}
#tab1 .tab1_box{width:100%;padding-top:80px;}
#tab1 .tab1_menu .selected1{cursor:pointer; color:#FF0000; background-image:url(../images/tabg2.jpg);}
.hide1{display:none;}

.portfolio-img {
	margin-bottom: 10px;
	overflow: hidden;
}
.portfolio-img a {
	position: relative;
}
.portfolio-img a, .portfolio-img img {
	width: 100%;
	display: block;
	overflow: hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.portfolio-img .opacity-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	cursor: pointer;
	background-color: #000;
	opacity: 0;
	filter: alpha(opacity=0);
_height:expression((this.parentElement.clientHeight) +'px');
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.portfolio-img .icon-zoom {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	background: url(../images/icon-zoom.png) no-repeat center;
}
.portfolio-img .icon-video {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	background: url(../images/icon-video.png) no-repeat center;
}
.portfolio-img a:hover .opacity-overlay {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.portfolio-img a:hover img {
	transform: scale(1.2, 1.2) rotate(10deg);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.portfolio-item:hover img, .product-item:hover img, .scrollable-item:hover img {
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.look-more {
  display: block;
  width: 218px;
  height: 50px;
  border: 1px solid #d6d6d6;
  border-radius: 25px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #666;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
  text-decoration:none;
}

.look-more:hover {
  color: #fff;
  text-decoration:none;
  background-color: #ff8100;
  border: 1px solid #fff;
}

.page{ clear:both; text-align:center;}
.page .pagination {margin:auto;}
.page .pagination a {margin: 0 5px 0 0;padding: 8px 14px;height:20px;margin-right:6px;line-height:20px;background:#ddd;color:#666;text-align:center;}
.page .pagination a:hover {margin: 0 5px 0 0;padding: 8px 14px;height:20px;margin-right:6px;line-height:20px;background:#ff8100;color:#fff;text-align:center;}
.page .pagination a.number {border: 1px solid #ddd; padding:8px 14px;}
.page .pagination a.current:hover {text-decoration: underline;}
.page .pagination .current {margin: 0 5px 0 0;height:20px;margin-right:6px;border:1px #cccccc solid;padding:8px 14px; background:#ff8100; color:#FFF;}